@charset "utf-8";

/*当前位置*/


.ny_banner{}
.ny_banner .text{position: relative; padding-top: 16%; color: #FFF;}
.ny_banner .text h1{ font-size: 26px;}
.ny_banner .text p{font-size: 36px;font-weight: bold;}
.ny_banner .text .here{display: block; margin: 20px 0;}
.ny_banner .text .here a{color: #FFF;}
.ny_banner .text .here i{}

.sublist{overflow: hidden;}
.sublist ul{}
.sublist ul li{float: left; line-height: 60px;text-align: center; padding: 0 30px; position: relative;}
.sublist ul li a{color: #333; font-size: 15px;transition: all .3s;}
.sublist ul li a:hover{display: inline-block; color: #333; font-size: 15px;border-bottom: 3px solid #0346a1;}
.sublist ul li::after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;margin-top:-37px; right: 0;}
.sublist ul li .active{display: inline-block; border-bottom: 3px solid #0346a1;}

.boxbg{overflow: hidden;background: #f2f4f6;clear: both;}
.pagebg{overflow: hidden;background: #FFF; margin: 50px 0; padding: 50px;}
.pagenr{line-height: 28px; color: #666666;}
.pagenr h2{font-weight: bold; font-size: 32px; color: #0064b0;}
.pagenr h3{font-size: 22px; margin: 20px 0;}
.pagenr img{ max-width: 100%;}

/*左侧分类*/
.web-left{float: left; width: 240px; margin-right: 40px;}
.leftlist{overflow: hidden;}
.leftlist h2{overflow: hidden; background: #0346a1; text-align: center;color: #FFF; padding: 20px 40px; border-bottom: 3px solid #FFF;}
.leftlist h2 i{float: left; font-size: 32px;line-height: 40px; margin-right: 10px;}
.leftlist h2 span{float: left;font-size: 26px;}
.leftlist ul{}
.leftlist ul li{line-height: 50px;}
.leftlist ul li a{display: block;position: relative; color: #333; font-size: 15px; background: #e6e6e6; border-bottom: 1px solid #FFF; padding-left: 36px;}
.leftlist ul li a:hover{display: block;color: #FFF;font-size: 15px; background: #0346a1;padding-left: 36px;}
.leftlist ul li a::after {content: '+';position: absolute;right: 20px;width: 10px;height: 10px;color: #999;font-size: 14px;}
.leftlist ul li .active{display: inline-block; background:#0346a1;}
.leftlist ul li a:hover::after{content: '-';position: absolute;right: 20px;width: 10px;height: 10px;color: #FFF;font-size: 16px;}


.web-right{float: left; width:calc(100% - 280px);}


/*产品展示*/
.product{ margin: 50px 0;}
.product ul{margin-left: -1%;margin-right: -1%;}
.product ul li{ float:left; width: 23%; margin:  0 1%; margin-bottom: 30px;}
.product ul li .list-img{position: relative; top: 0; overflow: hidden; background: #FFF; border: 1px solid #e8e8e8;transition: all .5s ease;}
.product ul li .list-img img{max-width: 100%;}
.product ul li .list-img:hover{top: -10px;box-shadow: rgb(37 85 243 / 20%) 0px 3px 18px 2px;border: #103089 1px solid;}
.product ul li h2{text-align:center; overflow:hidden; clear:both; font-size: 14px; font-weight: normal; height: 50px; line-height: 50px;}
.product ul li h2 a{color: #333;}

.youshi{overflow: hidden;}
.youshi h2{ margin: 30px 0;}
.youshi ul{}
.youshi ul li{overflow: hidden; clear: both; margin: 15px 0;line-height: 50px;}
.youshi ul li span{float: left; background: #0346a1;  width: 140px; margin-right: 10px;  line-height: 50px; text-align: center;color: #FFF;}
.youshi ul li p{float: left; width: calc(100% - 150px);}
.youshi ul li:nth-of-type(2n+1){background: #f5f5f5;}

/*企业文化*/
.wenhua{}
.wenhua ul{ margin-left: -1%; margin-right: -1%;}
.wenhua ul li{float: left; width: 48%; margin: 0 1%;}
.wenhua ul li img{max-width: 100%;}

/*发展历程*/
.licheng{overflow: hidden;}
.licheng h2{font-size: 38px; color: #0346a1;display: block; padding-bottom: 15px; padding:20px 0 100px 0; text-align: center;border-bottom: 1px solid #0346a1; position: relative; bottom: -17px;}
.licheng dt{font-size: 38px; color: #0346a1;display: block; padding:30px 0; text-align: center;}
.licheng img{max-width: 100%;}
.item{ color: #333; font-size: 16px;}
.item span{ font-size: 25px;padding-top: 19px;color: #0346a1;}
.item h4{ font-size: 40px;padding: 20px 0; font-weight: bold;color: #0346a1;}


/*荣誉资质*/
.caselist {}
.caselist ul{ margin-left: -1%;margin-right: -1%;}
.caselist ul li {float: left;width: 23%; margin:  0 1%; margin-bottom: 30px;}
.caselist ul li .img-cover {padding-top: 66%;position: relative;}
.caselist ul li .img-cover span {display: block;width: 100%;background: no-repeat center / cover;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
.caselist ul li .more {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(16,68,146,0.7);color: #fff;-webkit-transition: all 0.5s;
transition: all 0.5s;-webkit-transform: scale(0);transform: scale(0);}
.caselist ul li .more i {text-transform: uppercase;position: absolute;left: 50%;top: 50%;font-style: normal;border: 1px solid #fff;width: 54px;line-height: 54px;border-radius: 50%;text-align: center;margin: -28px 0 0 -28px;}
.caselist ul li .text {line-height: 40px;font-size: 14px;text-align: center; background: #104492;}
.caselist ul li a {display: block;color: #FFF; -webkit-transition: all 0.5s;transition: all 0.5s;}
.caselist ul li a:hover {background-color: #104492;color: #fff;}
.caselist ul li a:hover .more {-webkit-transform: scale(1);transform: scale(1);}

/*下载中心*/
.downlist{overflow: hidden; margin: 50px 0;}
.downlist ul{}
.downlist ul li{overflow: hidden; border: 1px solid #E7E7E7; margin-bottom: 30px; padding: 20px;min-height: 166px;}
.downlist ul li .text{}
.downlist ul li .text h2{font-size: 22px;}
.downlist ul li .text time{display: block;margin: 8px 0; color: #999;}
.downlist ul li .text time i{float: left; font-size: 18px;}
.downlist ul li .gk{clear: both; color: #666; line-height: 26px;}
.downlist ul li .down{ text-align: center;}
.downlist ul li .down i{ color: #ff0433; font-size: 55px;line-height: 30px;}
.downlist ul li .down span{display: block;line-height: 26px;}

/*人才招聘*/
.jobs {}
.jobs .item {border-top: 1px solid #e3e3e3;-webkit-transition: all 0.5s;transition: all 0.5s;}
.jobs .item .tit {padding: 25px 105px 25px 20px;position: relative;}
.jobs .item .tit:after {position: absolute;content: '→';right: 40px;top: 25px;width: 65px;line-height: 57px;border-left: 1px solid #dddddd;font-size: 34px;font-weight: lighter;text-align: right;color: #dddddd; cursor: pointer;}
.jobs .item .tit h4 {font-size: 22px; font-weight: bold;}
.jobs .item .tit p {margin: 10px 0 0;}
.jobs .item .tit p span {display: inline-block;vertical-align: middle;margin-right: 70px;font-size: 16px;color: #666;}
.jobs .item .con {padding: 25px 20px 45px 20px;font-size: 16px;line-height: 1.8;color: #666;display: none;}
.jobs .item.open {background-color: #f0f0f0;}

/*联系我们*/
.contact{overflow: hidden; margin-bottom: 50px;}
.contact h2{list-style: 50px; margin: 20px 0;}
.contact ul{}
.contact ul li{float: left; width: 50%; padding: 25px 0; font-size: 18px; border-bottom: 1px solid #E7E7E7;}
.contact ul li i{float: left; font-size: 38px; margin-right: 10px;}

/*在线留言*/
.message{}
.message ul{}
.message ul li{clear: both;overflow: hidden; margin: 20px 0;}
.message ul li span{float: left; width: 80px; font-size: 17px;height: 50px;line-height: 50px;}
.message ul li input{float: left;  width: calc(100% - 80px); border: 1px solid #E7E7E7; height: 50px;line-height: 50px; padding: 8px; border-radius: 5px;}
.message ul li textarea{float: left;  width: calc(100% - 80px); height: 180px; border: 1px solid #E7E7E7;padding: 8px;border-radius: 5px;}
.message ul li .yzm{ width: 120px;}
.message ul li .btns{ background: #ca0018;font-size: 16px; border-radius: 5px; color: #FFF; width: 150px; height: 50px; line-height: 50px; text-align: center; border: 0; margin-left: 80px;}

/*新闻资讯*/
.newslist{}
.newslist ul{}
.newslist ul li a {display: block;border-bottom: 1px solid #e5e5e5;padding: 30px 0;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .img {float: left;width: 250px; margin-right: 30px;}
.newslist ul li .img img{max-width: 100%;}
.newslist ul li .text {float: left; width: calc((100% - 280px)); position: relative;padding-right: 180px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.newslist ul li .text h4 {font-size: 20px;position: relative;padding: 20px 0 10px 0;}
.newslist ul li .text p {overflow: hidden;color: #999;}
.newslist ul li .date {position: absolute;right: 30px;top: 0;}
.newslist ul li .date span {display: block;font-family: Impact;color: #ccc;font-size: 22px;margin-bottom: 20px;}
.newslist ul li .date i {border-left: 1px solid #e5e5e5;text-align: right;line-height: 20px;font-size: 0;display: block;}
.newslist ul li .date i:before {
	content: '→';
	color: #999;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 20px;
	display: block;
	text-align: center;
}
.newslist ul li a:hover {padding-left: 30px;}
.newslist ul li a:hover .text {padding-right: 150px;}
.newslist ul li a:hover .date i:before {-webkit-transform: translateX(10px);transform: translateX(10px);}

/*相关新闻*/
.showbt{ border-bottom: 1px solid #E7E7E7; height: 40px; line-height: 40px; margin: 30px 0;}
.showbt span{font-size: 20px; font-weight: bold; color: #333;}

.news_show{overflow: hidden;}
.news_show ul{}
.news_show ul li{float: left; width: 49%; border-bottom: 1px dashed #E0E0E0;height: 38px; line-height: 38px; margin-right: 2%;}
.news_show ul li:nth-of-type(2n+0){margin-right: 0;}
.news_show ul li time{float: right; color: #999;}


/*详情页*/
.Details{overflow: hidden; padding: 30px 0;}
.Details h1{ text-align: center; font-size: 28px; line-height: 58px; margin-bottom: 15px;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7; margin-bottom: 30px;color: #999;}
.Details_content{line-height: 28px;}
.Details_content img{max-width: 100%;}





@media (min-width:1024px) and (max-width:1366px) {

.ny_banner .text{padding-top: 25%;}

}

@media (min-width:768px) and (max-width:1023px) {

.web-left{display: none;}
.web-right{width: 100%;}

.ny_banner .text{padding-top: 35%;}
.product ul li{  width: 48%;}
.caselist ul li {width:48%;}
.caselist ul li .text{line-height: 40px;}

.jobs .item .tit p span{font-size: 13px;}

.newslist ul li .img{width: 150px;}
.newslist ul li .text{width: calc((100% - 180px));padding-right: 100px;}
.newslist ul li .text h4{padding: 0;}
.newslist ul li .text p{font-size: 13px;}

.contact ul li{width: 100%;}
.youshi ul li span{display: block;}
.youshi ul li p{display: block;line-height: 24px;}
	
}


@media screen and (max-width:767px) {

.web-left{display: none;}
.web-right{width: 100%;}



.ny_banner{ background-size: cover !important; height: 300px !important;}
.ny_banner .text{padding-top: 42%;}
.ny_banner .text h1{font-size: 20px;}
.ny_banner .text p{font-size: 22px;}
.pagebg {margin: 30px 0;padding: 20px;}
.pagenr h2{font-size: 22px;line-height: 40px;}
.pagenr h3{font-size: 17px;}

.product{ margin: 30px 0;}
.product ul li{  width: 48%;}

.caselist ul li {width:48%;}
.caselist ul li .text{line-height: 30px;}

.jobs .item .tit p span{font-size: 13px;}

.newslist ul li .img{display: none; margin-right: 0;}
.newslist ul li .text{width: 100%;padding: 0;}
.newslist ul li .date{display: none;}

.contact ul li{width: 100%; font-size: 15px; padding: 15px 0;}
.contact ul li i{font-size: 30px;}

.message ul li span{width: 60px; font-size: 15px;}
.message ul li input{width: calc(100% - 60px);}
.message ul li textarea{width: calc(100% - 60px);}
.message ul li .yzm{width: 88px;}

.youshi ul li span{display: block;}
.youshi ul li p{display: block;line-height: 24px;}

.wenhua ul li{width: 100%;}


.sublist{}
.sublist ul{overflow: hidden; margin: 10px 0;}
.sublist ul li{float: left; width: 48%;line-height: 40px; margin: 0 1%; position: relative;margin-bottom: 5px;padding: 0;}
.sublist ul li a{display: block; color: #333; font-size: 13px;transition: all .3s;background: #f5f5f5;}
.sublist ul li a:hover{display: block; color: #FFF; font-size: 13px;background: #0346a1;border-bottom: 0;}
.sublist ul li::after{display: none;}
.sublist ul li .active{display: block;background: #0346a1;color: #FFF;border-bottom: 0;}



}